<template>
  <style>
    /* Different breakpoint for inside the iframe. Use !important to make sure
     * there are no css ordering issues. Subtract 0.25px to fix subpixel
     * rounding issues with iron-list. This makes sure all photo containers on
     * a row add up to at least 1px smaller than the parent width.*/
    @media (min-width: 688px) {
      .photo-container {
        width: calc(25% - 0.25px) !important;
      }
    }
  </style>
</template>
